<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport"
			content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="bootstrap3.3.5/css/bootstrap.css" />
		<link rel="stylesheet" type="text/css" href="css/min.css" />
		<!-- bootstrap依赖jquery -->
		<script src="bootstrap3.3.5/js/jquery-3.1.1.min.js"></script>
		<script src="bootstrap3.3.5/js/bootstrap.js"></script>
		<style type="text/css">
			body {
				overflow-x: hidden;
			}

			ul,
			li {
				list-style: none;
				padding: 0;
			}

			a {
				text-decoration: none;
			}

			a:hover {
				text-decoration: none;
			}

			img {
				width: 100%;
			}

			.wrapper {
				padding-top: 50px
			}

			.container,
			.row {
				max-width: 960px;
				margin: 0 auto;
				padding: 0;
			}

			/*导航*/
			nav .container-fluid {
				max-width: 960px;
				margin: 0 auto;
			}

			.dropdown .dropdown-menu li a {
				height: 38px;
				line-height: 38px;
				border-bottom: 1px solid #ccc;
			}

			.dropdown-menu {
				padding: 0;
			}

			/*LOGO*/
			.logo {
				padding: 0;
			}

			.logo-box {
				width: 140px;
				background: -webkit-linear-gradient(left, #1c1a4c, #3177b9);
			}

			.logo span {
				display: block;
				color: #fff;
			}

			.logo1 {
				background: #fff;
				padding: 25px 10px;
				border-bottom-right-radius: 40px;
			}

			.logo2 {
				height: 0;
				background: -webkit-linear-gradient(left, #1c368c, #3177b9);
				line-height: 50px;
				padding-left: 10px;
				overflow: hidden;
			}

			.logo3 {
				height: 50px;
				background: -webkit-linear-gradient(left, #1c1a4c, #3177b9);
				line-height: 50px;
				padding-left: 10px
			}

			/*移动端 LOGO*/
			.logo-m {
				width: 100px;
				margin: 15px 0 0 10px;
			}

			/*列表页*/
			.lefts {
				padding: 10px;
			}

			.lefts .nav a {
				font-size: 18px;
				font-weight: bold;
				color: #022573
			}

			.lefts .tab-pane {
				border: 1px solid #ccc;
				border-top: none;
				padding: 10px;
				padding-bottom: 0;
			}

			.lefts dl {
				border-bottom: 1px dashed #ccc;
				overflow: hidden;
				padding-bottom: 10px;
			}

			.lefts dt {
				max-width: 200px;
				float: left;
				margin-right: 15px;
			}

			.lefts h2 {
				font-size: 16px;
				max-width: calc(100% - 200px);
				white-space: nowrap;
				text-overflow: ellipsis;
				overflow: hidden;
				margin: 0;
				margin-bottom: 10px;
			}

			.lefts p {
				color: #5E5E5E;
				line-height: 1.7;
			}

			.lefts .more a {
				float: right;
				background: #15A9D4;
			}

			.rights h2 {
				font-size: 18px;
				font-weight: bold;
				color: #022573;
			}

			.listNews {
				width: 300px;
				box-shadow: 2px 2px 2px #ccc;
				overflow: hidden;
				padding: 10px;
				margin-bottom: 10px;
			}

			.listNews h2 {
				white-space: nowrap;
				text-overflow: ellipsis;
				overflow: hidden;
				font-size: 16px;
				font-weight: normal;
			}

			.listNews dt {
				width: 100px;
				float: left;
				margin-right: 10px;
			}

			.rights .more a {
				float: right;
				background: #15A9D4;
				margin-right: 5px;
				width: 100px;
				padding: 5px 0;
			}

			.paging {
				padding: 10px 0;
			}

			.paging ul li {
				float: left;
				margin: 0 5px;
				background: #EFEFEF;
			}

			.paging .active {
				background: #022573;
			}

			.paging .active a {
				color: #fff;
			}

			.paging ul li a {
				color: #022573;
				padding: 0 10px;
				text-decoration: none;
			}

			/*详情页*/
			.banner {
				background: url(../img/ultrasound-l.jpg) no-repeat;
				background-size: cover;
			}

			.detail-text {
				max-width: 960px;
				margin: 0 auto;
				padding-top: 5%;
			}

			.detail-content h2 {
				font-size: 16px;
				color: #333;
				margin-left: 10px;
			}

			.detail-content h1 {
				text-align: center;
				font-size: 18px;
			}

			.d-info {
				border-bottom: 1px solid #ccc;
				overflow: hidden;
				margin: 0 10px 10px 10px;
			}

			.d-info p {
				float: left;
			}

			.d-info .share {
				float: right;
			}

			.detail-content .main {
				text-align: center;
			}

			.detail-content .main img {
				max-width: 320px;
			}

			.detail-content .main p {
				text-align: left;
				margin: 5px 0;
				padding-left: 10px;
			}

			.page span {
				display: block;
				line-height: 1.6;
			}

			.page span:last-child {
				background: #15A9D4;
				width: 110px;
				text-align: center;
				padding: 5px 0;
			}

			.page span:last-child a {
				color: #fff;
			}

			/*返回顶部*/
			.backTop {
				width: 50px;
				height: 50px;
				background: rgba(128, 128, 128, 0.6);
				border-radius: 5px;
				position: fixed;
				right: 5px;
				bottom: 10px;
				text-align: center;
				cursor: pointer;
				display: none;
			}

			.backTop i {
				font-size: 28px;
				line-height: 50px;
				color: rgba(255, 255, 255, 0.6);
			}

			/*侧边栏分享*/
			.sideBar {
				width: 50px;
				position: absolute;
				right: -50px;
				top: 60%;
				background: #fff;
			}

			.sideBar p {
				width: 20px;
				background: #15A9D4;
				text-align: center;
				color: #fff;
				position: absolute;
				left: -20px;
				top: 35%;
				cursor: pointer;
			}

			.sideBar .code {
				width: 140px;
				position: absolute;
				right: 50px;
				top: 40px;
				border: 1px solid #1B6D85;
				display: none;
			}

			.sideBar ul li:nth-child(2):hover .code {
				display: block;
			}
		</style>
	</head>
	<body>
		<!--导航-->
		<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
			<div class="container-fluid">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle" data-toggle="collapse"
						data-target="#example-navbar-collapse">
						<span class="sr-only">切换导航</span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
					<div class="logo navbar-brand hidden-sm hidden-xs">
						<div class="logo-box">
							<span class="logo1"><a href="index.html">
									<img src="img/Philips_brand_logo_all_BR.png" /></a></span>
							<span class="logo2">消费产品</span>
							<span class="logo3">产品</span>
						</div>
					</div>
					<!--移动端 LOGO-->
					<div class="logo-m hidden-lg hidden-md">
						<a href="index.html">
							<img src="img/Philips_brand_logo_all_BR.png" />
						</a>
					</div>
				</div>
				<div class="collapse navbar-collapse" id="example-navbar-collapse">
					<ul class="nav navbar-nav">
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown"> 产品 <b class="caret"></b></a>
							<ul class="dropdown-menu">
								<li><a href="#">视听产品</a></li>
								<li><a href="#">个人护理</a></li>
								<li><a href="#">母婴护理</a></li>
								<li><a href="#">厨房及家居</a></li>
								<li><a href="#">照明</a></li>
								<li><a href="#">健康</a></li>
								<li><a href="#">汽车</a></li>
								<li><a href="#">电脑产品、显示器和电话</a></li>
								<li><a href="#">附件</a></li>
							</ul>
						</li>
						<li><a href="#">在线商城</a></li>
						<li><a href="newsList.html">塞利普新闻</a></li>
						<li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"> 产品支持 <b
									class="caret"></b> </a>
							<ul class="dropdown-menu">
								<li><a href="#">支持主页</a></li>
								<li><a href="#">查找产品</a></li>
								<li><a href="#">查找客服中心</a></li>
								<li><a href="#">联系我们</a></li>
								<li><a href="#">购买附件</a></li>
							</ul>
						</li>
						<li><a href="#">特惠专区</a></li>
						<li><a href="#">塞利普俱乐部</a></li>
						<li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"> 关于塞利普<b
									class="caret"></b> </a>
							<ul class="dropdown-menu">
								<li><a href="#">公司概况</a></li>
								<li><a href="#">设计</a></li>
								<li><a href="#">研发</a></li>
								<li><a href="#">可持续发展</a></li>
								<li><a href="#">新闻中心</a></li>
								<li><a href="#">投资者关系</a></li>
								<li><a href="#">招贤纳士 </a></li>
							</ul>
						</li>
					</ul>
				</div>
			</div>
		</nav>
		<!--轮播图-->
		<div id="myCarousel" class="carousel slide">
			<!-- 轮播（Carousel）指标 -->
			<ol class="carousel-indicators">
				<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
				<li data-target="#myCarousel" data-slide-to="1"></li>
				<li data-target="#myCarousel" data-slide-to="2"></li>
			</ol> <!-- 轮播（Carousel）项目 -->
			<div class="carousel-inner">
				<div class="item active"> <img src="img/li-l.jpg" alt="First slide"> </div>
				<div class="item"> <img src="img/li-l.jpg" alt="Second slide"> </div>
				<div class="item"> <img src="img/li-l.jpg" alt="Third slide"> </div>
			</div> <!-- 轮播（Carousel）导航 --> <a class="left carousel-control" href="#myCarousel" role="button"
				data-slide="prev"> <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span> <span
					class="sr-only">Previous</span> </a> <a class="right carousel-control" href="#myCarousel"
				role="button" data-slide="next"> <span class="glyphicon glyphicon-chevron-right"
					aria-hidden="true"></span> <span class="sr-only">Next</span> </a>
		</div>
		<!--轮播图结束-->
		<div class="container">
			<div class="row">
				<div class="lefts col-lg-8 col-md-8 col-sm-12 col-xs-12">
					<ul id="myTab" class="nav nav-tabs">
						<li class="active"> <a href="#home" data-toggle="tab"> <i class="glyphicon glyphicon-book"></i>
								企业动态 </a> </li>
						<li> <a href="#ios" data-toggle="tab"><i class="glyphicon glyphicon-leaf"></i> 行业动态</a> </li>
					</ul>
					<div id="myTabContent" class="tab-content">
						<div class="tab-pane fade in active" id="home">
							<dl>
								<dt><img src="img/news_2.jpg" /></dt>
								<dd>
									<h2>塞利普官方网站上线了！</h2>
								</dd>
								<dd>
									<p>2018 年 5 月 20 日，塞利普官方网站正式上线！</p>
								</dd>
								<dd>admin 2018/5/20</dd>
								<dd class="more"> <a href="news.html">点击查看详情</a> </dd>
							</dl>
							<dl>
								<dt><img src="img/news_3.jpg" /></dt>
								<dd>
									<h2>塞利普十周年庆典圆满成功！</h2>
								</dd>
								<dd>
									<p>2018 年 4 月 20 日，塞利普十周年庆典在总部大厦三楼多功能会议中 心正式落下帷幕。</p>
								</dd>
								<dd>admin 2018/5/5</dd>
								<dd class="more"> <a href="#">点击查看详情</a> </dd>
							</dl>
							<dl>
								<dt><img src="img/news_4.jpg" /></dt>
								<dd>
									<h2>塞利普微信公众号正式上线!</h2>
								</dd>
								<dd>
									<p>2017 年 5 月 20 日，塞利普官方官方微信公众号正式上线！</p>
								</dd>
								<dd>admin 2017/5/20</dd>
								<dd class="more"> <a href="#">点击查看详情</a> </dd>
							</dl>
							<div class="row paging">
								<ul>
									<li> <a href="javascript:">上一页</a> </li>
									<li> <a href="javascript:">1</a> </li>
									<li>
										<a href="javascript:">2</a>
									</li>
									<li> <a href="javascript:">3</a> </li>
									<li> <a href="javascript:">4</a> </li>
									<li> <a href="javascript:">5</a> </li>
									<li> <a href="javascript:">下一页</a> </li>
								</ul>
							</div>
						</div>
						<div class="tab-pane fade" id="ios">
							<dl>
								<dt><img src="img/news_1.jpg" /></dt>
								<dd>
									<h2>家电行业日报:一季度家用电器和音响器材零售总额同比增长 11.4%</h2>
								</dd>
								<dd>
									<p>今日家电指数走势强于上证综指，其中黑电板块表现相对较好，仅下 跌 0.91%。</p>
								</dd>
								<dd>admin 2018/5/20</dd>
								<dd class="more"> <a href="#">点击查看详情</a> </dd>
							</dl>
						</div>
					</div>
				</div>
				<div class="rights col-lg-4 col-md-4 hidden-sm hidden-xs">
					<h2><i class="glyphicon glyphicon-fire"></i> 推荐新闻</h2>
					<div class="listNews">
						<dl>
							<dt><img src="img/news_2.jpg" /></dt>
							<dd>
								<h2>塞利普官方网站上线了！</h2>
							</dd>
							<dd>admin 2017/5/20</dd>
							<dd class="more">
								<a href="#">点击查看详情</a>
							</dd>
						</dl>
					</div>
					<div class="listNews">
						<dl>
							<dt><img src="img/news_3.jpg" /></dt>
							<dd>
								<h2>塞利普十周年庆典圆满成功！</h2>
							</dd>
							<dd>admin 2017/5/20</dd>
							<dd class="more"> <a href="#">点击查看详情</a> </dd>
						</dl>
					</div>
					<div class="listNews">
						<dl>
							<dt><img src="img/news_4.jpg" /></dt>
							<dd>
								<h2>塞利普微信公众号正式上线!</h2>
							</dd>
							<dd>admin 2017/5/20</dd>
							<dd class="more"> <a href="#">点击查看详情</a> </dd>
						</dl>
					</div>
					<div class="listNews">
						<dl>
							<dt><img src="img/news_1.jpg" /></dt>
							<dd>
								<h2>家电行业日报:一季度家用电器和音响器材零售总额同</h2>
							</dd>
							<dd>admin 2017/5/20</dd>
							<dd class="more"> <a href="#">点击查看详情</a> </dd>
						</dl>
					</div>
				</div>
			</div>
		</div>
		<!--banner 图-->
		<div class="banner">
			<div class="detail-text">
				<h2>新闻资讯</h2>
				<h3>塞利普最新动态</h3>
			</div>
		</div>
		<div class="container">
			<div class="row">
				<div class="detail-content">
					<h2><span>企业动态 /</span> News Information</h2>
					<h1>塞利普官方网站上线了</h1>
					<div class="d-info">
						<p>编辑：小编发布时间：2017/05/20 </p>
						<div class="share hidden-sm hidden-xs">
							<div class=" bshare-custom icon-medium">
								<div class="bsPromo bsPromo2"></div>
								<div class="bdsharebuttonbox"><a href="#" class="bds_more" data-cmd="more"></a><a
										href="#" class="bds_qzone" data-cmd="qzone" title="分享到 QQ 空间 "></a><a href="#"
										class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a><a href="#"
										class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a><a href="#"
										class="bds_renren" data-cmd="renren" title="分享到人人网"></a><a href="#"
										class="bds_weixin" data-cmd="weixin" title="分享到微信"></a></div>
								<script>
									window._bd_share_config = {
										"common": {
											"bdSnsKey": {},
											"bdText": "",
											"bdMini": "2",
											"bdPic": "",
											"bdStyle": "0",
											"bdSize": "16"
										},
										"share": {}
									};
									with(document) 0[(getElementsByTagName('head')[0] || body).appendChild(createElement('script')).src =
										'http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion=' + ~(-new Date() / 36e5)
									];
								</script><span class="BSHARE_COUNT bshare-share-count" style="margin-right: 0;"></span>
								<script type="text/javascript" charset="utf-8"
									src="http://static.bshare.cn/b/buttonLite.js#style=-1&amp;uuid=&amp;pophcol=2&amp;lang=zh">
								</script>
								<script type="text/javascript" charset="utf-8"
									src="http://static.bshare.cn/b/bshareC0.js"></script>
							</div>
						</div>
					</div>
					<div class="main"> <img src="img/LM-MyPhilips-Banner.jpg" />
						<p>2017 年 5 月 17 日，塞利普官方网站上线了！</p>
					</div> <!-- 分页 -->
					<div class="page"> <span>上一篇: <a href="#">已是第一篇</a></span> <span>下一篇: <a
								href="#">塞利普十周年庆典圆满成功！</a></span> <span><a href="index.html"><i
									class="glyphicon glyphicon-arrow-left"></i> 返回列表页</a></span> </div>
				</div>
			</div>
		</div>
		<div class="backTop"><i class="glyphicon glyphicon-arrow-up"></i></div>
		<div class="sideBar">
			<p>联系我们</p>
			<ul>
				<li><a target="blank"
						href="tencent://message/?Menu=yes&amp;uin=22911609&amp;Site=80fans&amp;Service=300&a mp;sigT=45a1e5847943b64c6ff3990f8a9e644d2b31356cb0b4ac6b24663a3c8dd0f8aa12a545b1714f9 d45"><img
							src="img/qq.png" /></a></li>
				<li><img src="img/weixin.png" /><img src="img/erweima.jpg" class="code" /></li>
				<li><a href="#"><img src="img/weibo.png" /></a></li>
				<li><a href="#"><img src="img/phone.png" /></a></li>
			</ul>
		</div>
	</body>
</html>
<script type="text/javascript">
	$(document).ready(
		function() {
			logo $(".logo-box").mouseenter(function() {
				$('.logo2').stop().animate({
					height: '50px'
				})
			}).mouseleave(function() {
				$('.logo2').stop().animate({
					height: '0'
				})
			})
		})
	//banner 图高度自适应 
	function imgResize() {
		var DomWidth = $(window).width();
		var imgHeight = DomWidth * 700 / 2000;
		$(".banner").css("height", imgHeight + "px")
	}
	imgResize() window.onresize = function() {
		imgResize()
	}
	//分页
	$(".paging ul li").click(function() {
		$(this).addClass("active").siblings().removeClass("active")
	})
	//侧栏
	$(".sideBar").click(function() {
		$(this).stop().animate({
			right: "0px"
		})
	}).mouseleave(function() {
		$(this).stop().animate({
			right: "-50px"
		})
	})
	//返回顶部 
	addEventListener("mousewheel", function() {
		var scorller = document.body.scrollTop || document.documentElement.scrollTop;
		if (scorller > 400) {
			$(".backTop").css("display", "block")
		} else {
			$(".backTop").css("display", "none")
		}
		$(".backTop").click(function() {
			document.body.scrollTop = document.documentElement.scrollTop = 0;
			$(".backTop").css("display", "none")
		})
	}) addEventListener("DOMMouseScroll", function() {
		var scorller = document.body.scrollTop || document.documentElement.scrollTop;
		if (scorller > 400) {
			$(".backTop").css("display", "block")
		} else {
			$(".backTop").css("display", "none")
		}
		$(".backTop").click(function() {
			document.body.scrollTop = document.documentElement.scrollTop = 0;
			$(".backTop").css("display", "none")
		})
	})
</script>
